.main {
    background: #fff;
    border-radius: 15px;
    margin-top: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0,0.1);
    padding: 5px 10px 5px 10px;
    .hidden {
        display: none;
    }

    .top {
        padding: 10px;
        display: flex;

        .active {
            font-size: 14px;
            font-weight: 600;
            margin-right: 10px;
            // color: #000;
        }

        .beike {
            font-size: 14px;
            // color: #adadad;
            margin-right: 10px;
        }

        .myHouse {
            font-size: 14px;
            // color: #adadad;
        }

    }

    .botton1 {
        padding: 10px;
        padding-bottom: 15px;
        display: flex;
        justify-content: space-between;

        .left {
            .add {
                margin-left: 14px;
                font-size: 15px;
            }
            .control {
                margin-left: 14px;
                font-size: 13px;
                color: #b2b2b2;
            }
        }
        .right{
            margin-right: 14px;
        }
    }

    .botton2 {
        display: flex;
        padding: 10px;
        padding-bottom: 15px;
        align-items: center;

        .zhishu {
            margin-left: 14px;
            margin-right: 20px;

            .topWords {
                font-size: 15px;
            }

            .cityBox {
                display: flex;
                justify-content: center;
                align-items: center;

                .city {
                    font-size: 13px;
                    color: #adadad;
                }

                .arrow {
                    border: #adadad 2px solid;
                    width: 5px;
                    height: 5px;
                    border-left: none;
                    border-bottom: none;
                    transform: rotate(45deg);
                }
            }
        }

        .line {
            width: 2px;
            height: 32px;
            border: #b2b2b2 2px solid;
            border-top: none;
            border-bottom: none;
            border-left: none;
        }

        .info {
            display: flex;
            margin-left: 20px;

            .leftBox {
                .topPrice {
                    display: flex;

                    .num {
                        font-size: 16px;
                        font-weight: 600;
                    }

                    .dollor {
                        // color: #72be8e;
                        font-size: 10px;
                        margin-left: 2px;
                        font-weight: 600;

                    }
                }

                .oldHouse {
                    display: flex;

                    .name {
                        font-size: 12px;
                        color: #adadad;

                    }

                    .bigArrow {
                        margin-left: 2px;
                        margin-top: 6px;
                        border: 1px solid transparent;
                        border-width: 4px;
                        border-top-color: #72be8e;
                    }

                    .percent {
                        margin-left: 2px;
                        font-size: 10px;
                        color: #72be8e;
                    }
                }
            }

            .rightBox {
                margin-left: 30px;

                .num {
                    font-size: 14px;
                    font-weight: 600;
                }

                .yesterday {
                    font-size: 12px;
                    color: #adadad;
                }
            }
        }
    }
}